<template>
	<view>
		<!-- 弹出层 -->
		<u-popup @open="open" @close="close" :show="refreshStatus" mode="bottom" closeable>
			<view class="btns">
				<button @click="gotoRecruitPublish">发布招聘</button>
				<button>发布活动</button>
				<button>创业项目</button>
				<button class="more">更多&gt;</button>
			</view>
		</u-popup>
	</view>
</template>

<script>
export default {
	// props: {
	// 	popStatus: {
	// 		type: Boolean,
	// 		default: false
	// 	}
	// },
	name: 'popup',
	data() {
		return {
			// show: false
			show: this.$store.state.popStatus
		};
	},
	methods: {
		close() {
			// this.show = false;
			// 关闭弹出层时
			// this.$emit('clickClose',false);
			this.$store.commit('changePop', false);
		},
		open() {
			// this.show = true;
			// this.$emit('clickClose',true);
			this.$store.commit('changePop', true);
		},
		gotoRecruitPublish(){
			uni.navigateTo({
				url:"/subpkg/recruit/recruitPublish"
			})
		}
	},
	computed: {
		refreshStatus: {
			get() {
				return this.$store.state.popStatus;
			}
		}
	}
};
</script>

<style scoped>
/* 弹出层 */
.btns {
	padding: 80rpx 0;
}
.u-button,
.btns button {
	background-color: #00dcb6;
	width: 50%;
	border-radius: 40rpx;
	color: white;
	margin-bottom: 40rpx;
	font-size: 32rpx;
}
.btns .more {
	background-color: transparent;
	margin-bottom: 0;
	color: #00dcb6;
	border: 2rpx solid #ddd;
}
</style>
